<template>
  <div>


    <div class="addEmissionSource-content">
      <div class="addEmissionSource-content-item">核算产品：一台使用五年的电脑</div>
      <div class="addEmissionSource-content-item">核算周期：2022-12-20 至2023-12-30</div>
      <div class="addEmissionSource-content-item">核算范围：原材料获取/生产制造/分销/使用/废弃回收</div>
    </div>


    <!-- 基本信息 -->
    <div>
      <normal-form-plus
        :formModel="formModel1"
        :config="config1"
        :plus="plus"/>
    </div>

    <div class="addEmissionSource-line"></div>
    <!-- 因子信息 -->
    <div>
      <div>因子/核算产品信息</div>
      <normal-form-plus
        :formModel="formModel2"
        :config="config2"
        :plus="plus"/>
      <div>
        <el-button type="primary">保存</el-button>
        <el-button>返回</el-button>
      </div>
    </div>


  </div>
</template>

<script>
import NormalFormPlus from '@/components/NormalFormPlus'

export default {
  components: {
    NormalFormPlus
  },
  data() {
    return {
      plus: {},
      formModel1: {},
      config1: [
        {
          id: 1,
          items: [
            {
              id: '1',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '名称',
              width: 120,
              props: {
                placeholder: "请输入名称",
                width: 200,

              }
            },
            {
              id: '2',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '数量',
              width: 120,
              props: {
                placeholder: "请输入数量",
                width: 200,

              }
            },
          ]
        },
        {
          id: 2,
          items: [
            {
              id: '1',
              edit: true,
              type: 'select',
              span: 8,
              model: 'modelLevel',
              name: '数值单位',
              width: 120,
              props: {
                placeholder: "请选择单位",
                width: 200,
                options: [
                  {value: '1', label: '1'},
                  {value: '2', label: '2'},
                  {value: '3', label: '3'},
                ]
              }
            },
            {
              id: '2',
              edit: true,
              type: 'select',
              span: 8,
              model: 'modelLevel',
              name: '匹配类型',
              width: 120,
              props: {
                placeholder: "请选择匹配类型",
                width: 200,
                options: [
                  {value: '1', label: '1'},
                  {value: '2', label: '2'},
                  {value: '3', label: '3'},
                ]
              }
            },
          ]
        },
      ],
      formModel2: {},
      config2: [
        {
          id: 1,
          items: [
            {
              id: '1',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '名称',
              width: 120,
              props: {
                placeholder: "请输入名称",
                width: 200,

              }
            },
            {
              id: '2',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '排放系数',
              width: 120,
              props: {
                placeholder: "请输入排放系数",
                width: 200,

              }
            },
            {
              id: '3',
              edit: true,
              type: 'select',
              span: 8,
              model: 'modelLevel',
              name: '排放系数单位',
              width: 120,
              props: {
                placeholder: "请选择排放系数单位",
                width: 200,
                options: [
                  {value: '1', label: '1'},
                  {value: '2', label: '2'},
                  {value: '3', label: '3'},
                ]
              }
            },
          ]
        },
        {
          id: 2,
          items: [
            {
              id: '1',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '单位换算比例',
              width: 120,
              props: {
                placeholder: "请输入单位换算比例",
                width: 200,

              }
            },
            {
              id: '2',
              edit: true,
              type: 'input',
              span: 8,
              model: 'modelLevel',
              name: '排放因子来源',
              width: 120,
              props: {
                placeholder: "请输入排放因子来源",
                width: 200,

              }
            },
            {
              id: '3',
              edit: true,
              type: 'select',
              span: 8,
              model: 'modelLevel',
              name: '发布年份',
              width: 120,
              props: {
                placeholder: "发布年份",
                width: 200,
                options: [
                  {value: '1', label: '1'},
                  {value: '2', label: '2'},
                  {value: '3', label: '3'},
                ]
              }
            },
          ]
        },
        {
          id: 3,
          items: [
            {
              id: '1',
              edit: true,
              type: 'text',
              span: 16,
              model: 'modelLevel',
              name: '备注',
              width: 120,
              props: {
                placeholder: "备注",
                width: 200,
              }
            },
          ]
        },
      ],
    }
  }
}
</script>

<style lang="less" scoped>
.addEmissionSource-content {
  display: flex;
  margin-bottom: 20px;

  .addEmissionSource-content-item {
    font-size: 16px;
    margin: 0px 20px;
    margin-top: 20px;
  }
}

.addEmissionSource-line {
  width: 1200px;
  height: 2px;
  border: 1px solid #4e9ef8;
  margin-bottom: 20px;
}
</style>
